<nb-card size="xsmall">
    <nb-card-body>
        <div class="list">
            <div class="querydiv-row1">
                <ngx-provincecitycountyselectitem></ngx-provincecitycountyselectitem>
                <input type="text" pInputText [(ngModel)]="projNm" placeholder="工程名称" />
                <button pButton type="button" icon="pi pi-search" iconPos="right" label="查询"></button>
            </div>
            <div class="querydiv-row2" >
                <label>时间段:</label>
                <p-selectButton [options]="types" [(ngModel)]="timeval" (onChange)="sjdClick($event)"> </p-selectButton>
            </div>
            <p-tabView>
                    <div class="tabdiv">
                <p-tabPanel header="控采压减">
                
                     <div class="panel">
                        <ul *ngFor="let fa of falist">
                            <li>
                                <i class="icon ion-location">
                                </i>{{fa.famc}}
                            </li>
                            <li>
                                <div class="c-cname">{{fa.cmc_1}}</div>
                                <div class="c-tit">
                                    {{fa.cdesc_1}}
                                </div>
                            </li>               
                            <li>
                                <div class="c-cname">{{fa.cmc_2}}</div>
                                <div class="c-tit">
                                    {{fa.cdesc_2}}
                                </div>
                            </li>
                        </ul>
                        <!-- <input
                        type="text"
                        name="somename"
                        data-provide="slider"
                        data-slider-ticks="[1, 2, 3]"
                        data-slider-ticks-labels='["short", "medium", "long"]'
                        data-slider-min="1"
                        data-slider-max="3"
                        data-slider-step="1"
                        data-slider-value="3"
                        data-slider-tooltip="hide" > -->
                    </div>
                </p-tabPanel>
                <p-tabPanel header="水源置换">
                         <div class="panel">
                                <ul>
                                    <li>
                                        <i class="icon ion-location">
                                        </i>济宁市地下水超采区综合整治实施方案
                                    </li>
                                    <li>
                                        <div class="c-cname">浅水层:</div>
                                        <div class="c-tit">
                                            减压超采量 106.25 万m³，封填自备水井15眼（其中永久填埋 5 眼，封存备用10眼）。
                                        </div>
                                    </li>
                                    <li>
                                        <div class="c-cname">深层水:</div>
                                        <div class="c-tit">
                                            减压超采量 523万 m³，封填自备水井17眼（其中永久填埋4眼，封存备，封存备用10眼）。
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                    <li>
                                        <i class="icon ion-location">
                                        </i>济宁市地下水超采区综合整治实施方案
                                    </li>
                                    <li>
                                        <div class="c-cname">浅水层:</div>
                                        <div class="c-tit">
                                            减压超采量 106.25 万m³，封填自备水井15眼（其中永久填埋 5 眼，封存备用10眼）。
                                        </div>
                                    </li>
                                    <li>
                                        <div class="c-cname">深层水:</div>
                                        <div class="c-tit">
                                            减压超采量 523万 m³，封填自备水井17眼（其中永久填埋4眼，封存备，封存备用10眼）。
                                        </div>
                                    </li>
                                </ul>
                                <ul>
                                        <li>
                                            <i class="icon ion-location">
                                            </i>济宁市地下水超采区综合整治实施方案
                                        </li>
                                        <li>
                                            <div class="c-cname">浅水层:</div>
                                            <div class="c-tit">
                                                减压超采量 106.25 万m³，封填自备水井15眼（其中永久填埋 5 眼，封存备用10眼）。
                                            </div>
                                        </li>
                                        <li>
                                            <div class="c-cname">深层水:</div>
                                            <div class="c-tit">
                                                减压超采量 523万 m³，封填自备水井17眼（其中永久填埋4眼，封存备，封存备用10眼）。
                                            </div>
                                        </li>
                                    </ul>
                                </div> 
                </p-tabPanel>
                <p-tabPanel header="恢复补源">
                    开发中......
                </p-tabPanel>
            </div>
            </p-tabView>
        </div>
         <div class="map">
            <div id="mapDiv" style="width:100%;height:100%;"></div>
            <div id='overlay' style="display:none"></div>
        </div> 
            
    </nb-card-body>
</nb-card>